<style type="text/css" th:inline="css">
    [data-theme=light] {
        --heo-theme: [(${theme.config.style.themeLightSkin})] !important;
        --heo-theme-op: [(${theme.config.style.themeLightSkin})]23 !important;
        --heo-theme-op-deep: [(${theme.config.style.themeLightSkin})]dd !important;
        --heo-theme-none: [(${theme.config.style.themeLightSkin})]00 !important;
    }

    [data-theme=dark] {
        --heo-theme: [(${theme.config.style.themeDarkSkin})] !important;
        --heo-theme-op: [(${theme.config.style.themeDarkSkin})]23 !important;
        --heo-theme-op-deep: [(${theme.config.style.themeDarkSkin})]dd !important;
        --heo-theme-none: [(${theme.config.style.themeDarkSkin})]00 !important;
    }

    :root {
        --halo-comment-widget-component-card-bg: var(--heo-card-bg);
        --halo-comment-widget-component-theme-op: var(--heo-theme-op);
        --halo-comment-widget-component-card-border: var(--heo-card-border);
        --halo-comment-widget-component-shadow-border: var(--heo-shadow-border);
        --halo-comment-widget-component-secondtext: var(--heo-secondtext);
        --halo-comment-widget-component-lighttext: var(--heo-lighttext);
        --halo-comment-widget-component-secondbg: var(--heo-secondbg);
        --halo-comment-widget-component-fontcolor: var(--heo-fontcolor);
        --halo-comment-widget-component-main: var(--heo-main);
        --halo-comment-widget-component-background: var(--heo-background);
        --halo-comment-widget-component-white: var(--heo-white);
        --halo-comment-widget-component-shadow-black: var(--heo-shadow-black);
    }
    #page {
        --halo-comment-widget-component-padding: 1rem;
    }

    .color-scheme-dark,.dark,[data-color-scheme=dark] {
        --halo-search-widget-color-modal-layer: var(--heo-maskbgdeep);
        --halo-search-widget-color-modal-content-bg: var(--heo-card-bg);
        --halo-search-widget-color-form-input: rgb(255 255 255 / 79.9%);
        --halo-search-widget-color-form-input-placeholder: #6b7280d9;
        --halo-search-widget-color-form-input-bg: var(--heo-card-bg);
        --halo-search-widget-color-form-divider: #bbbbbb0f;
        --halo-search-widget-color-result-item-bg: var(--heo-card-bg);
        --halo-search-widget-color-result-item-hover-bg: #90939914;
        --halo-search-widget-color-result-item-title: rgb(255 255 255 / 79.9%);
        --halo-search-widget-color-result-item-content: #ffffff82;
        --halo-search-widget-color-command-kbd-item: #c0c4ccb3;
        --halo-search-widget-color-command-kbd-border: #bbbbbb0f;
        --halo-search-widget-color-result-empty: #6b7280d9
    }

    [data-theme=light] {
        --halo-search-widget-color-result-item-title : #4B5563
    }
    [# th:if="${!theme.config.post.opacity}"]
        #aside-content #card-toc .toc-content a.toc-link:not(.active)  {
            opacity: 1;
            filter: blur(0px);
        }
    [/]
</style>